<template>
	<view class="orderBox">
		<my-list
			:options="formData.options"
			background="#f4f7fd" 
			:padding="16"
			:list="2"
		>
			<template #item="{ row }">
				<view class="countTitle">{{row.label || ''}}</view>
				<view class="countNumber m-t-8">{{data?.[row.key] || 0}}</view>
			</template>
		</my-list>
	</view>
</template>

<script lang="uts" setup>
//公共状态
import { useVue  } from '@/utils/useVue.uts'
const { reactive, ref,app,Token,onMounted,watch,http,goToPage } = useVue()
interface Props {
	data ?: any,//数据
}
const props = withDefaults(defineProps<Props>(), {

})
// 表单数据
const formData:any = reactive({
	options:[
		{
			label: '总订单额',
			key: 'OrderAllAmt',
		},
		{
			label: '总订单数',
			key: 'OrderAllCnt',
		},
		{
			label: '完工订单额',
			key: 'OrderFinishAmt',
		},
		{
			label: '完工订单数',
			key: 'OrderFinishCnt',
		},
		{
			label: '未完工额',
			key: 'OrderUnFinishFAmt',
		},
		{
			label: '未完工数',
			key: 'OrderUnFinishFCnt',
		},
		{
			label: '挂账订单额',
			key: 'OrderGZAmt',
		},
		{
			label: '挂账订单数',
			key: 'OrderGZCnt',
		},
		{
			label: '待付订单额',
			key: 'OrderUnPayAmt',
		},
		{
			label: '待付订单数',
			key: 'OrderUnPayCnt',
		},
		{
			label: '待退款订单额',
			key: 'OrderRefundAmt',
		},
		{
			label: '待退款订单数',
			key: 'OrderRefundCnt',
		},
	]
})
//搜索
</script>

<style scoped lang="scss">
.orderBox {
	
}
</style>
